<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>设计师详情</title>
    <% include ../common/standard.ejs  %>
</head>
<body>
<div id="designer-detail">
    <% include ../common/header.ejs  %>
    <div class="nav designer-detail-bread">
        <div class="container">
            <ol class="row breadcrumb">
                <li><a href="/designer">设计师</a></li>
                <li class="active designer-name"></li>
            </ol>
        </div>
    </div>
    <div class="container main">
        <div class="designer-base-info">
        </div>
        <div class="relate-case case-content">
            <div class="row title">
                <div class="col-xs-3"></div>
                <div class="col-xs-9">
                    <h4>相关案例</h4>
                </div>
            </div>
            <div class="row case-best">
                <div class="col-xs-3">
                    <div class="honor1">
                        <h4>个人最佳设计3件</h4>
                        <div class="honor">
                            <img src="../../img/mark1.png" alt="mark1" class="mark"/>
                            <img src="../../img/mark2.png" alt="mark1" class="mark"/>
                        </div>
                    </div>

                </div>
                <div class="col-xs-9 row case-list case-best-list">
                </div>
            </div>
            <div class="row case-like">
                <div class="col-xs-3">
                    <div class="honor2">
                        <h4>个人优选案例</h4>
                        <div class="honor">
                            <img src="../../img/mark1.png" alt="mark1" class="mark"/>
                            <img src="../../img/mark2.png" alt="mark1" class="mark"/>
                        </div>
                    </div>
                </div>
                <div class="col-xs-9 row case-list case-like-list">

                </div>
            </div>
        </div>
        <div class="relate-designer">
            <h4>相关设计师推荐</h4>
            <div class="row">
            </div>
        </div>
    </div>
</div>
<script id="designer-base-tpl" type="text/template">
    <div class="info row" style="background-image: url(../../img/bg.png);">
        <div class="designer text-center col-xs-3">
            <div class="images">
                <img src="{{=data.portrait}}" alt=""/>
                <div class="order">
                    <div class="persons" style="border: none;">预约人数：<em>{{=data.yyrs}}</em>人</div>
                    <!--<div class="col-xs-6">-->
                        <!--<div class="persons"><em>{{=data.yyrs}}</em>人</div>-->
                        <!--<p>预定</p>-->
                    <!--</div>-->
                    <!--<div class="col-xs-6">-->
                        <!--<div class="persons"><em>{{=data.yyrs}}</em>人</div>-->
                        <!--<p>预约</p>-->
                    <!--</div>-->
                </div>
            </div>
        </div>
        <div class="col-xs-6">
            <div class="designer-detail">
                <div class="title">
                    <div class="name">{{=data.name}}</div>
                    <div class="subtitle">
                        {{=data.title}}
                    </div>
                </div>
                <img src="../../img/mark1.png" alt="mark1" class="mark"/>
                <img src="../../img/mark2.png" alt="mark1" class="mark"/>
            </div>
        </div>
        <div class="col-xs-3 btn-wrapper">
            <div class="order-button">预约此设计师</div>
        </div>
    </div>
    <div class="des row">
        <div class="col-xs-6">
            <div class="person">
                <h4>个人介绍</h4>
                <p>
                    {{=data.description}}
                </p>
            </div>
            <div class="idea">
                <h4>理念</h4>
                <p>
                    {{=data.idea}}
                </p>
            </div>
        </div>
        <div class="col-xs-3">
            <dl class="level">
                <dt><h4>个人介绍</h4></dt>
                <dd class="clearfix level-content">
                    <div class="label">
                        <i class="fa fa-user-o"></i>
                        <em>{{=data.title}}</em>
                    </div>
                </dd>
                <dd class="clearfix level-content">
                    <div class="label">
                        <i class="fa fa-user-o"></i><em>从业年限：</em>
                    </div>
                    <p> {{=data.workYear}}年</p></dd>
                <dd class="clearfix level-content">
                    <div class="label">
                        <i class="fa fa-user-o"></i><em>服务门店：</em>
                    </div>
                    <p>{{=data.serviceDistrict}}</p>
                </dd>
                <dd class="clearfix level-content">
                    <div class="label">
                        <i class="fa fa-user-o"></i><em>擅长风格：</em>
                    </div>
                    <p>
                        {{_.each(data.labels, function(item){}}
                            {{=item}}&nbsp;
                        {{})}}
                    </p>
                </dd>
                <dd class="clearfix level-content" hidden>
                    <div class="label">
                        <i class="fa fa-user-o"></i><em>服务费用：</em>
                    </div>
                    <p>{{=data.price}}</p>
                </dd>
            </dl>
        </div>
    </div>
</script>
<script id="case-item-tpl" type="text/template">
    {{_.each(data, function(item){}}
    <div class="col-xs-4 case-item">
        <a href="/case/detail?id={{=item.id}}"></a>
            <div class="area-img"><img src="{{=item.image}}" alt="小区图片"></div>
            <div class="area-content">
                <h5>{{=item.title}}</h5>
                <div>{{=item.community}}</div>
            </div>
        </a>
    </div>
    {{})}}
</script>

<script id="relate-designer-item" type="text/template">
{{_.each(data, function(item){}}
<div class="col-xs-3">
    <a href="/designer/detail?id={{=item.id}}">
        <div class="designer-img"><img src="{{=item.portrait}}" alt=""></div>
        <div class="designer-content">
            <div class="name">
                {{=item.name}}
                <img src="../../img/mark2.png" class="mark" alt="标志">
            </div>
            <div class="years">设计级别/{{=item.title}}年</div>
        </div>
    </a>
</div>
{{})}}
</script>
<script src="../js/lib/requirejs/require.js"></script>
<script src="../js/config.js"></script>
<script src="../js/app/designer/detail.js"></script>
</body>
</html>